<template>
    <div>
        <p>使用 Vuex 中的数据 {{$store.state.n}}</p>
        <button @click="changeNum">改变数据</button>
        <div>{{num}}</div>
    </div>
</template>

<script>
export default {
    name: 'home',
    data () {
        return {
            num: this.$store.state.n
        }
    },
    methods: {
        changeNum () {
            this.$store.commit('changeN')
        }
        
    } 
}
</script>
